// pages/register/register.js
import Toast from '@vant/weapp/toast/toast';
Page({

  /**
   * 页面的初始数据
   */
  data: {
    phone: '',
    code: '',
    password: '',
    confirmPassword: '',
    nickname: '',
    agreed: false,
    codeText: '获取验证码',
    countdown: 0,
  },

  /**
   * 手机号输入
   */
  onPhoneInput: function (e) {
    this.setData({
      phone: e.detail.value
    })
  },

  /**
   * 验证码输入
   */
  // onCodeInput: function(e) {
  //   this.setData({
  //     code: e.detail.value
  //   })
  // },

  /**
   * 密码输入
   */
  onPasswordInput: function (e) {
    this.setData({
      password: e.detail.value
    })
  },

  /**
   * 确认密码输入
   */
  onConfirmPasswordInput: function (e) {
    this.setData({
      confirmPassword: e.detail.value
    })
  },

  /**
   * 昵称输入
   */
  // onNicknameInput: function(e) {
  //   this.setData({
  //     nickname: e.detail.value
  //   })
  // },

  /**
   * 发送验证码
   */
  // onSendCode: function() {
  //   if (this.data.countdown > 0) {
  //     return
  //   }

  //   if (!this.data.phone) {
  //     wx.showToast({
  //       title: '请输入手机号',
  //       icon: 'none'
  //     })
  //     return
  //   }

  //   if (!/^1[3-9]\d{9}$/.test(this.data.phone)) {
  //     wx.showToast({
  //       title: '手机号格式不正确',
  //       icon: 'none'
  //     })
  //     return
  //   }

  //   // 开始倒计时
  //   this.startCountdown()

  //   // 这里可以添加发送验证码的逻辑
  //   wx.showToast({
  //     title: '验证码已发送',
  //     icon: 'success'
  //   })
  // },

  /**
   * 开始倒计时
   */
  // startCountdown: function() {
  //   let countdown = 60
  //   this.setData({
  //     countdown: countdown,
  //     codeText: `${countdown}s后重发`
  //   })

  //   const timer = setInterval(() => {
  //     countdown--
  //     if (countdown <= 0) {
  //       clearInterval(timer)
  //       this.setData({
  //         countdown: 0,
  //         codeText: '获取验证码'
  //       })
  //     } else {
  //       this.setData({
  //         countdown: countdown,
  //         codeText: `${countdown}s后重发`
  //       })
  //     }
  //   }, 1000)
  // },

  /**
   * 协议同意状态改变
   */
  // onAgreementChange: function(e) {
  //   this.setData({
  //     agreed: e.detail.value.length > 0
  //   })
  // },

  /**
   * 注册按钮点击
   */
  onRegister: function () {
    if (!this.data.phone) {
      wx.showToast({
        title: '请输入手机号',
        icon: 'none'
      })
      return
    }

    if (!/^1[3-9]\d{9}$/.test(this.data.phone)) {
      wx.showToast({
        title: '手机号格式不正确',
        icon: 'none'
      })
      return
    }

    // if (!this.data.code) {
    //   wx.showToast({
    //     title: '请输入验证码',
    //     icon: 'none'
    //   })
    //   return
    // }

    if (!this.data.password) {
      wx.showToast({
        title: '请设置密码',
        icon: 'none'
      })
      return
    }

    if (this.data.password.length < 6 || this.data.password.length > 20) {
      wx.showToast({
        title: '密码长度为6-20位',
        icon: 'none'
      })
      return
    }

    if (this.data.password !== this.data.confirmPassword) {
      wx.showToast({
        title: '两次密码输入不一致',
        icon: 'none'
      })
      return
    }

    // if (!this.data.nickname) {
    //   wx.showToast({
    //     title: '请输入昵称',
    //     icon: 'none'
    //   })
    //   return
    // }

    // if (!this.data.agreed) {
    //   wx.showToast({
    //     title: '请先同意用户协议',
    //     icon: 'none'
    //   })
    //   return
    // }

    // 这里可以添加注册逻辑

    wx.request({
      // 请求地址-接口地址-后端提供的，需要看接口文档
      // 请求的地址，需要在开发者平台，设置一下，才能在小程序中使用-否则会报错
      url: 'http://47.94.6.186:3001/api/user/reg',
      method: 'post',
      header: {},

      data: { // 不管get或post都用这个传递
        loginname: this.data.phone,
        password: this.data.password
      },

      // success (res) { /// 脚下留心：存在this指向问题 导致不能用this.setData
      success: res => {
        console.log(res.data)
        Toast.success('成功注册');
      },
      fail: err => {
        console.log(err)
        Toast.fail(err.message);
      }
    })
  },

  /**
   * 微信注册
   */
  // onWechatRegister: function() {
  //   wx.getUserProfile({
  //     desc: '用于完善会员资料',
  //     success: (res) => {
  //       console.log(res)
  //       wx.showToast({
  //         title: '微信注册成功',
  //         icon: 'success',
  //         success: () => {
  //           setTimeout(() => {
  //             wx.navigateBack()
  //           }, 1500)
  //         }
  //       })
  //     },
  //     fail: (err) => {
  //       console.log(err)
  //       wx.showToast({
  //         title: '注册失败',
  //         icon: 'none'
  //       })
  //     }
  //   })
  // },

  /**
   * 跳转到登录页面
   */
  onGoLogin: function () {
    wx.navigateBack()
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})